<link rel="stylesheet" href="http://www.12301.cc/css/common/www.12301.cc.global.css"/>
<link rel="stylesheet" href="http://www.12301.cc/tpl/pft_show/css/common.css"/>
<link rel="stylesheet" href="http://www.12301.cc/tpl/pft_show/css/seat.css"/>
<link rel="stylesheet" href="tpl/pft_show/css/multiple-date-picker.css"/>
<style type="text/css">
    #venueUl{ overflow:hidden; padding:15px 0 15px 15px;}
    #venueUl .venueItem{ float:left; margin-right:15px; margin-bottom:15px;}
    #venueUl .venueItem .photo{ display:block; width:180px; height:120px; font-size:0; background-color:#f2f4f7; background-repeat:no-repeat; background-position:center center;
        background-size:cover;
    }
    #venueUl .venueItem .vtitle{ font-size:14px; line-height:1.4; color:#404348; margin-top:4px;}
    #venueUl .venueItem .btn{ margin-right:10px;}
    #venueUl .addBtn{ float:left; width:120px; height:120px; }
    #venueUl .addBtn .iconfont{ display:block; font-size:30px; margin-top:28px;}
    #venueUl .addBtn .t{ display:block; font-size:14px; position:relative; top:-5px;}
    #venueUl .addBtn a{ display:block; width:100%; height:100%; overflow:hidden; background:#dcdcdc; color:#019ad4; text-align:center; cursor:pointer;
        -webkit-transition:all 0.3s;
        -moz-transition:all 0.3s;
        -ms-transition:all 0.3s;
        -o-transition:all 0.3s;
        transition:all 0.3s;
    }
    #venueUl .addBtn a:hover{ background:#2a98da; color:#fff; text-decoration:none}
    .input-date{width: 120px;}
    .btn {
        float: right;
        display: block;
        width: 100px;
        height: 32px;
        line-height: 32px;
        margin-right: 16px;
        background: #2a98da;
        color: #fff !important;
        text-align: center;
        text-decoration: none !important;
    }
</style>

<link rel="stylesheet" href="tpl/pft_show/css/round.css"/>
<!--[if lt IE 7]><div id="venueListContainer" class="lt-ie10 lt-ie9 lt-ie8 lt-ie7 ie6 seatContainer commonRigContainer"> <![endif]-->
<!--[if IE 7]><div id="venueListContainer" class="lt-ie10 lt-ie9 lt-ie8 ie7 seatContainer commonRigContainer"> <![endif]-->
<!--[if IE 8]><div id="venueListContainer" class="lt-ie10 lt-ie9 ie8 seatContainer commonRigContainer"> <![endif]-->
<!--[if IE 9]><div id="venueListContainer" class="lt-ie10 ie9 seatContainer commonRigContainer"><![endif]-->
<!--[if gt IE 9]><!--><div id="guanContainer" class="guanContainer commonRigContainer"> <!--<![endif]-->
    <div id="venuenameHead" class="venuenameHead">
        <p class="t"><span class="iconfont"></span><span id="venuename" class="venuename">创建场次</span></p>
    </div>
    <div class="round-list">
        <form id="round_form">
            <input name="venus_id" type="hidden" value="<?=$venus_id?>"/>
        <table class="round-list-tbl">
            <thead>
                <tr>
                    <th class="name">场次名称</th>
                    <th class="time">开始时间</th>
                    <th class="time">结束时间</th>
                    <th class="time">预售（天）</th>
                    <th></th>
                </tr>
            </thead>
            <tbody id="round_body">
                <tr>
                    <td>
                        <input type="text" required data-title="场次名称" class="formInp w300" name="round[0][round_name]" placeholder="请输入场次名称"/>
                    </td>
                    <td>
                        <input type="time" required data-title="开始时间" class="formInp w80" name="round[0][bt]" placeholder="示例:10:20"/>
                    </td>
                    <td>
                        <input type="time" required data-title="结束时间" class="formInp w80"  name="round[0][et]" placeholder="示例:10:50"/>
                    </td>
                    <td>
                        <input type="number" required data-title="预售天数" class="formInp w80" name="round[0][pre_sale]"/>
                    </td>
                    <td>
                        <a class="rm" href="javascript:;">删除</a>
                    </td>
                </tr>
            </tbody>
            <tfoot>
            <tr>
                <td colspan="3"></td>
                <td>
                    <button class="btn-add" type="button">添加</button>
                </td>
                <td></td>
            </tr>
            </tfoot>
        </table>
        </form>
    </div>
    <div class="multi-cal" id="calendar" ng-app="pftApp">
        <div ng-controller="pftController">
            <multiple-date-picker day-click="doDate" highlight-days="highlightDays" />
        </div>
    </div>
    <div class="save-wrap">
        <button class="save-btn" type="button">确定</button>
        <a class="cancel" href="javascript:history.go(-1);">取消</a>
    </div>
    <div id="msg-wrap" class="msg-wrap"></div>
</div>
<script type="text/javascript" src="http://www.12301.cc/js/global/www.12301.cc.global.js"></script>
<script type="text/javascript" src="http://wx.12301.cc/public/js/common/class.js"></script>
<script type="text/javascript" src="http://wx.12301.cc/public/js/common/ajax.js"></script>
<script type="text/template" id="round_tpl">
    <tr id="round_{k}">
        <td>
            <input type="text" data-title="场次名称" class="formInp w300" name="round[{k}][round_name]" value=""/>
        </td>
        <td>
            <input type="time" data-title="开始时间" class="formInp w80" name="round[{k}][bt]" value=""/>
        </td>
        <td>
            <input type="time" data-title="结束时间" class="formInp w80" name="round[{k}][et]" value="" />
        </td>
        <td>
            <input type="number" data-title="预售天数" class="formInp w80" name="round[{k}][pre_sale]" value="1" />
        </td>
        <td>
            <a class="rm" data-rid="{k}" href="javascript:;">删除</a>
        </td>
    </tr>
</script>

<script src="http://cdn.staticfile.org/angular.js/1.2.17/angular.min.js"></script>
<script src="http://cdn.staticfile.org/moment.js/2.8.3/moment.min.js"></script>
<script src="tpl/pft_show/js/multipleDatePicker.js"></script>
<script>
    var global_selected_dates = <?=json_encode($json)?>
</script>
<script src="tpl/pft_show/js/round.js?v=0.0.4"></script>